@import './__var.less';
@import './mixins.less';

html, body {
  width: 100%;
  height: 100%;
}

// Router transition
.fade-enter-active, .fade-leave-active {
  transition: opacity .2s ease;
}
.fade-enter, .fade-leave-active {
  opacity: 0
}

.atd-page {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 25px 30px;
}

.atd-tips {
  font-size: 13px;
  color: #999999;
}
span.atd-tips {
  padding: 0 5px;
}

i.atd-icon.icon-tips {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../assets/atd-tips.png') no-repeat;
  background-size: 14px;
  cursor: pointer;
}

.atd-padding-space {
  padding: 5px 0;
}

.atd-error {
  font-size: 13px;
  color: @color-danger;
  padding: 0 5px;
}

.atd-pagination {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}

// atd list
.atd-list {
  width: 100%;
  height: auto;
  .atd-item {
    display: flex;
    &__label {
      width: 100px;
      text-align: right;
      padding-right: 20px;
      line-height: 38px;
    }
    &__content {
      flex: 1;
      & >.v-row {
        margin-bottom: 15px;
      }
    }
    margin-bottom: 20px;
  }
}
